﻿<?php
/**
 *Template Name: Testimanials template
 */
get_header();
?>
<style type="text/css">
.width_contact_200{
	width:200px;
}
.width_contact_90{
	width:90px;
}
.width_contact_72{
	width:72px;
}
</style>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.validate.js" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.updnWatermark.js" type="text/javascript"></script>
<style type="text/css">
.updnWatermark{
	height: 26px;
    line-height: 26px;
    padding: 0 10px;
    color: #19345D !important;
    font-size: 12px;
    font-weight: normal !important;
    height: 18px;
    margin-top: 3px; 
}
.bg_alert {
	width:270px;
	height:115px;
	background:url("<?php echo get_template_directory_uri(); ?>/images/bg_alert.png") no-repeat top left;
	margin:0px auto;
	padding:15px 0px 0px 83px;
	color:#000;
}
div.bg_alert #alert{
	margin:0; 
	padding:10px 25px 0 10px; 
	min-height:60px;
	font-size: 12px;
}
.bg-overlay {
    background: url("<?php echo get_template_directory_uri(); ?>/images/bg1.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.wpcf7-mail-sent-ok{
	color:#FFFFFF;
	padding-left:10px;
	font-weight:500;
}
</style>
<!--Popup-->
<div class="bg_alert" id="show_popup" style="display:none; position: fixed; top: 35%; left: 50%; z-index:10001; margin-left:-140px;"> <span id="f_focus" style="display:none;"></span>
  <div id="alert"></div>
  <div style="padding-left: 40px;"><a href="javascript:void(0);" onClick="close_popup();">
  	<!-- <img src="<?php //echo get_template_directory_uri(); ?>/images/bt_luk1.png" alt="" /> -->
  	<input type="button" value="Close">
  </a></div>
</div>

<div id="bg-overlay" class="bg-overlay" style="display:none"></div>
<!--End Popup--> 
        <div id="mainContent">
            <div class="container_12">
                <div class="GrayBack01 M80top">
                    <div class="grid_8">
                         <div class="W550">
                         	<?php 
                            	$categories = get_category( 5 );                            	
                            ?> 
                            <h2 class="Tilte03 M20bot"><?php echo $categories->name;?></h2>
                            <?php
								$posts = get_posts(array('category' => 5));	
								foreach ( $posts as $key=>$value ){							
							?>
                            <div class="QuoteSection">
                                <p><?php echo $value->post_content;?></p>
                                <div class="AuthorQuote">
                                    <p><?php echo $value->post_title;?></p>
                                </div>
                            </div>
                            <?php
								} 
                            ?>                                        
                        </div>    
                    </div>
                    <div class="grid_4">
                        <div class="M20left">
                            <div class="Box01">
                                <div class="TopBox01">
                                    <div class="BookForm">
                                        <h3 class="Tilte02 M20bot">Book Your Move Now</h3>
                                        <?php
		                            		echo do_shortcode('[contact-form-7 id="59" title="Contact on services page"]'); 
		                            	?>
                                    </div>
                                </div>
                                <div class="BotBox01"></div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            
        </div>
<script>
$(document).ready(function() {
$.updnWatermark.attachAll();//-- use for testing empty data in contact form
	
$(".wpcf7-form").addClass("frm-contact");
$("form.frm-contact").validate({
	
	errorPlacement: function(error, element) {			
	},
	invalidHandler: function(form, validator) {
	  var errors = validator.numberOfInvalids();
	  if (errors) {
		$('#alert').html(validator['errorList'][0]['message']);
		$('#bg-overlay').show();
		$('#show_popup').show();
		$('#f_focus').html(validator['errorList'][0]['element'].name);
		validator['errorList'][0]['element'].focus();
	  } else {
	  }
	},
	rules: {
		txtname : "required",
		txtphone : "required",
		txtfcode : "required",
		txttcode : "required",

		txtfcode : "required",
		txttcode : "required",
	},
	messages: {
		txtname: "Please input from",
		txtphone: "Please input to",
		txtfcode: "Please input name",
		txttcode: "Please input phone",	

		txtfcode: "Please input name",
		txttcode: "Please input phone",			
	}
});
close_popup=function(){		
	var fel=$('#f_focus').html();
	$('#bg-overlay').hide();
	$('#show_popup').hide();
	$('#' + fel ).focus();
};

click_send=function(){
	document.getElementById('send').click();
}
});

</script>           
<?php get_footer(); ?>   
